<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/6/11
  Time: 8:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的购物车</title>
    <meta name="description" content="芝麻优购ZM.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购">
    <!-- 引入图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/car.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/car.js"></script>
    <script>
        $(function () {
            $("#search-right").click(function () {
                if($("#search-left").val()){
                    location.href="/list.jsp?query="+$("#search-left").val();
                }else{
                    alert("请输入内容");
                   // location.href="/list.jsp"
                }
            })
        })
    </script>

</head>
<body>
<header class="shortcut">
    <div class="w">
        <div class="shortcut-left fl">
            <ul>
                <li>芝麻优购欢迎你!&nbsp;&nbsp;</li>
                <li><a href="/login.jsp">请登录..</a>
                    <a href="/regist.jsp" class="red">免费注册</a></li>
            </ul>
        </div>
        <div class="shortcut-right fr">
            <ul>
                <li><a href="/index.jsp">我的订单</a></li><li class="space"></li>
                <li><a href="/index.jsp">芝麻优购</a><i></i></li><li class="space"></li>
                <li><a href="/index.jsp">优购会员</a></li><li class="space"></li>
                <li><a href="/index.jsp">企业采购</a></li><li class="space"></li>
                <li><a href="/index.jsp">芝麻优购</a><i></i></li><li class="space"></li>
                <li><a href="/index.jsp">客户服务</a><i></i></li><li class="space"></li>
                <li><a href="/index.jsp">网站导航</a><i></i></li>
            </ul>
        </div>
    </div>
</header>
<div class="searchitem w">
    <div class="searchitem-logo"><h1><a href="/index.jsp" title="品优购">品优购</a></h1></div>
    <div class="searchitem-search">
        <input type="text" name="" id="search-left" placeholder="请搜索内容...">
        <button id="search-right" style="height: 36px">搜索</button>
    </div>
    <div class="searchitem-search-hotwords">
        <ul>
            <li><a href="" class="red">优惠购首发</a></li>
            <li><a href="">亿元优惠</a></li>
            <li><a href="">9.9元团购</a></li>
            <li><a href="">每满99减30</a></li>
            <li><a href="">办公用品</a></li>
            <li><a href="">电脑</a></li>
            <li><a href="">通信</a></li>
        </ul>
    </div>
    <div class="searchitem-car">
        <i class="searchitem-car-left"></i>
        <span class="searchitem-car-content">我的购物车</span>
        <i class="searchitem-car-right"></i>
        <i class="carcount">8</i>
    </div>
</div>
<nav class="w">
    <div>全部商品</div>
</nav>
<!-- 头部结束 -->
<!-- 购物车部分部分 -->
<div class="car w">
    <div class="car-top">
        <div class="all-select fl">
            <input type="checkbox" value="全选" class="checkall">&nbsp;全选
        </div>
        <div class="car-shop fl">商品</div>
        <div class="car-price fl">单价</div>
        <div class="car-num fl">数量</div>
        <div class="car-count fl">小计</div>
        <div class="car-optopn fl">操作</div>
    </div>
    <div class="car-con">
        <ul>
            <li class="car-li">
                <div class="check">
                    <input type="checkbox" class="check1">
                </div>
                <div class="pic">
                    <img src="upload/p1.jpg" alt="">
                </div>
                <div class="des">
                    【5本26.8元】经典儿童文学彩图青少版八十天环游地球中学生语文教学大纲
                </div>
                <div class="price">￥12.60</div>
                <div class="num">
                    <a href="javascript:;" class="jian">-</a>
                    <input type="text" value="1" class="itxt">
                    <a href="javascript:;" class="jia">+</a>
                </div>
                <div class="count">￥12.60</div>
                <div class="delete">
                    <a href="">删除</a>
                </div>
            </li>
            <li class="car-li">
                <div class="check">
                    <input type="checkbox" class="check1">
                </div>
                <div class="pic">
                    <img src="upload/p2.jpg" alt="">
                </div>
                <div class="des">
                    【2000张贴纸】贴纸书 3-6岁 贴画儿童 贴画书全套12册 贴画 贴纸儿童 汽
                </div>
                <div class="price">￥24.80</div>
                <div class="num">
                    <a href="javascript:;" class="jian">-</a>
                    <input type="text" value="1" class="itxt">
                    <a href="javascript:;" class="jia">+</a>
                </div>
                <div class="count">￥24.80</div>
                <div class="delete">
                    <a href="">删除</a>
                </div>
            </li>
            <li class="car-li">
                <div class="check">
                    <input type="checkbox" class="check1">
                </div>
                <div class="pic">
                    <img src="upload/p3.jpg" alt="">
                </div>
                <div class="des">
                    唐诗三百首+成语故事全2册 一年级课外书 精装注音儿童版 小学生二三年级课外阅读书籍
                </div>
                <div class="price">￥29.80</div>
                <div class="num">
                    <a href="javascript:;" class="jian">-</a>
                    <input type="text" value="1" class="itxt">
                    <a href="javascript:;" class="jia">+</a>
                </div>
                <div class="count">￥29.80</div>
                <div class="delete">
                    <a href="">删除</a>
                </div>
            </li>
        </ul>
    </div>
    <div class="car-foot">
        <div class="car-foot-left fl">
            <input type="checkbox" class="checkall">&nbsp;全选
        </div>
        <div class="car-foot-delete fl">
            <a href="javascript:;" class="left">
                删除选中的商品</a>
            <a href="javascript:;" class="right">
                清理购物车
            </a>
        </div>
        <div class="f-count fl">已经选<span>3</span>件商品
        </div>
        <div class="f-price fl">总价：<span>￥67.20</span></div>
        <div class="go fr">
            去结算
        </div>
    </div>
</div>

<!-- 尾部 -->
<footer>
    <div class="foot w">
        <div class="foot-top">
            <ul>
                <li>
                    <i></i>
                    <div><h5>正品保障</h5><p>正品保障，提供发票</p></div>

                </li>
                <li>
                    <i></i>
                    <div><h5>正品保障</h5><p>正品保障，提供发票</p></div>
                </li>
                <li>
                    <i></i>
                    <div><h5>正品保障</h5><p>正品保障，提供发票</p></div>
                </li>
                <li>
                    <i></i>
                    <div><h5>正品保障</h5><p>正品保障，提供发票</p></div>
                </li>
                <li>
                    <i></i>
                    <div><h5>正品保障</h5><p>正品保障，提供发票</p></div>
                </li>
            </ul>
        </div>
        <div class="foot-content">
            <dl class="foot-content-list">
                <dt>购物指南</dt>
                <dd><a href="">购物流程</a></dd>
                <dd><a href="">会员介绍</a></dd>
                <dd><a href="">生活旅行/团购</a></dd>
                <dd><a href="">常见问题</a></dd>
                <dd><a href="">大家电</a></dd>
                <dd><a href="">联系客服</a></dd>

            </dl>
            <dl class="foot-content-list">
                <dt>购物指南</dt>
                <dd><a href="">购物流程</a></dd>
                <dd><a href="">会员介绍</a></dd>
                <dd><a href="">生活旅行/团购</a></dd>
                <dd><a href="">常见问题</a></dd>
                <dd><a href="">大家电</a></dd>
                <dd><a href="">联系客服</a></dd>

            </dl>
            <dl class="foot-content-list">
                <dt>购物指南</dt>
                <dd><a href="">购物流程</a></dd>
                <dd><a href="">会员介绍</a></dd>
                <dd><a href="">生活旅行/团购</a></dd>
                <dd><a href="">常见问题</a></dd>
                <dd><a href="">大家电</a></dd>
                <dd><a href="">联系客服</a></dd>

            </dl>
            <dl class="foot-content-list">
                <dt>购物指南</dt>
                <dd><a href="">购物流程</a></dd>
                <dd><a href="">会员介绍</a></dd>
                <dd><a href="">生活旅行/团购</a></dd>
                <dd><a href="">常见问题</a></dd>
                <dd><a href="">大家电</a></dd>
                <dd><a href="">联系客服</a></dd>

            </dl>
            <dl class="foot-content-list">
                <dt>购物指南</dt>
                <dd><a href="">购物流程</a></dd>
                <dd><a href="">会员介绍</a></dd>
                <dd><a href="">生活旅行/团购</a></dd>
                <dd><a href="">常见问题</a></dd>
                <dd><a href="">大家电</a></dd>
                <dd><a href="">联系客服</a></dd>

            </dl>
            <dl class="foot-content-list app">
                <dt>帮助中心</dt>
                <dd><img src="upload/erweima.png" alt="">
                    <p>品优购客户端</p>
                </dd>
            </dl>
        </div>
        <div class="foot-bottom">
            <p class="foot-bottom-nav">
                关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
            </p>
            <p>
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br> 京ICP备08001421号京公网安备110108007702
            </p>
        </div>
    </div>
</footer>
</body>
</html>
